.header-container {
    height: 80px;
    box-sizing: border-box;
    background-color: #efefef;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

    .header-title {
        height: 50px;
        padding: 0 12px;
        box-sizing: border-box;
        border-bottom: 1px solid rgb(33, 223, 191);
        line-height: 50px;
        font-size: 20px;
        display: flex;
        justify-content: space-between;

        .header-right {
            display: flex;

            span {
                margin-left: 12px;
                font-size: 14px;
                cursor: pointer;

                &:last-child {
                    color: rgb(52, 226, 226);
                }
            }
        }
    }

    .header-tag {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0 12px;
        height: 30px;
        font-size: 14px;
        display: flex;
        justify-content: space-between;

        .tag-left {
            display: flex;
            span{
                position: relative;
                height: 30px;
                background-color: #999;
                &::after{
                    content: '';
                    border-top: 20px solid red;
                    border-left: 20px solid transparent;
                    border-right: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                }
            }
        }

        .tag-right {
            color: rgb(67, 217, 228);
        }
    }
}